<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 图片标签用于向当前页面中引入一个外部图片
    使用img标签来引入外部图片，img标签是一个自结束标签
    img这种元素属于替换元素（基于块和行内元素之间，具有两种元素的特点）
属性：
src 属性指定的是外部图片的路径（路径规则和超链接是一样的） 
alt 图片的描述，这个描述默认情况下看不到，有些浏览器会长图片无法加载的时候显示出来
搜索引擎会根据alt中的内容来识别图片

width   宽
height  高
宽度和高度只修改了一个的情况下   高度和宽度会同比例改变
注意，
一般情况下在pc端，不建议修改图片大小


图片的格式
jpg   支持的颜色丰富  不支持透明效果和动图   一般用来显示照片
gif      支持的颜色比较少，支持简单透明 ，支持动图      颜色单一的照片，动图
png   支持的颜色丰富，支持复杂透明，不支持动图     网页专用
webp   这种格式是谷歌新推出的专门用来表示网页中的一种格式
他具备其他图片的所有优点  文件小
缺点是兼容性太差

base64
将图片使用base64进行编码
一般都是一些需要和网页一起加载的图片才会使用
-->
<img src="./inner/img1/404.png">
<img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.4ttq33QYMyfBX0pFAl35hAHaFk?w=206&h=154&c=7&o=5&dpr=1.25&pid=1.7" width="800">
</body>
</html>